import React from 'react';
import { Link } from 'react-router-dom';
class ButtonTab extends React.Component{
    constructor(props){
        super(props);
    }

    render(){
       return(
        <div className="buttons-tab flex">
        {this.props.data.map((item,index)=>
            <a id={item.id} key={item.id} className={`tab-link cell-main xl ${this.props.type==item.status?"active":""}`} 
            onClick={e=>{this.props.slectTab(item.status)}} >{item.name}</a>
          )}
       </div>
       ) 
    }
}
export default ButtonTab;